<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/global.css">
</head>
<body>
<div class="layui-header">
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md1 layui-col-sm1 layui-col-xs1">
                <div class="layui-logo">
                    <img src="../image/logo.jpg" alt="logo">
                </div>
            </div>
            <div class="layui-col-md5 layui-col-sm7 layui-col-md-offset6 layui-col-sm-offset4">
                <ul class="layui-nav layui-hide-mini">
                    <li class="layui-nav-item"><a href="">首页</a></li>
                    <li class="layui-nav-item"><a href="">文章</a></li>
                    <li class="layui-nav-item"><a href="">时光线</a></li>
                    <li class="layui-nav-item"><a href="">用户</a></li>
                </ul>
                <ul class="layui-nav layui-nav-hide layui-show-mini">
                    <li class="layui-nav-item">
                        <a href="javascript:;">更多</a>
                        <dl class="layui-nav-child">
                            <dd><a href="">首页</a></dd>
                            <dd><a href="">文章</a></dd>
                            <dd><a href="">时光线</a></dd>
                            <dd><a href="">用户</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="layui-main">
    <div class="layui-container">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md9">
                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <div class="layui-timeline-title">
                                <h3>2.2.6<h3/>
                                <span class="layui-badge-rim">2018-3-4</span>
                            </div>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">8月16日</h3>
                            <p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
                            <ul>
                                <li>《登高》</li>
                                <li>《茅屋为秋风所破歌》</li>
                            </ul>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">8月15日</h3>
                            <p>
                                中国人民抗日战争胜利72周年
                                <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
                                <br>铭记、感恩
                                <br>所有为中华民族浴血奋战的英雄将士
                                <br>永垂不朽
                            </p>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <div class="layui-timeline-title">过去</div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="layui-col-md3">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">文章类型</div>
                            <div class="layui-card-body layui-btn-container">
                                <button class="layui-btn layui-btn-primary">layui</button>
                                <button class="layui-btn layui-btn-primary">thinkphp</button>
                                <button class="layui-btn layui-btn-primary">生活</button>
                                <button class="layui-btn layui-btn-primary">php</button>
                                <button class="layui-btn layui-btn-primary">前端</button>
                                <button class="layui-btn layui-btn-primary">java</button>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">推荐文章</div>
                            <div class="layui-card-body">
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                                <div class="layui-elip">
                                    <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="layui-footer text-center">
    © 2018 layui.com MIT license
</div>
<script src="../layui/layui.js"></script>
<script src="../js/global.js"></script>
</body>
</html>